草庐IT

Java 构建器模式

全部标签

javascript - 使用 CDN jQuery 的 Require.js 构建 (r.js) 未链接到良好的 jQuery 路径

我有一个使用Require.jsforAMD的Backbone应用程序。我正在从GoogleCDN加载jQuery,但在构建之后,jQuery的路径似乎被破坏了。构建过程没有任何问题或错误。但是一旦我使用构建版本,jQuery就会使用这个URL添加到页面:http://example.com/assets/js/jquery.js而不是CDNurl。我觉得这是因为我的路径配置丢失了,并且需要对“jquery”的依赖不被视为对路径的引用,而是作为对脚本的正常调用。这是我的主文件:ma​​in.jsrequire.config({baseUrl:'/assets/js/',paths:{u

javascript - 如何从 JavaScript 模块模式中的私有(private)函数中调用公共(public)函数

如何从JavaScript模块模式中的私有(private)函数调用公共(public)函数?例如,在下面的代码中,varmyModule=(function(){varprivate1=function(){//Howtocallpublic1()here?//this.public1()won'twork}return{public1:function(){/*dosomething*/}}})();这个问题有人问过twicebefore,每个都有不同的可接受答案。在返回之前保存对返回对象的引用,然后使用该引用访问公共(public)方法。参见answer.在闭包中保存对公共(pu

javascript - Grunt 构建导致 Angular 应用程序在 dist 上崩溃

我正在使用Grunt并执行命令“gruntbuild”来创建一个包含AngularJS应用程序的分发文件夹。作为独立应用,我的应用运行良好。一旦我为该应用程序创建了一个分发版,该应用程序就开始很快崩溃。我在F12工具控制台中看到的是:达到10次$digest()迭代。中止!我怀疑我的.tmp目录中有一个名为vendor.js的文件,并且由于Controller依赖注入(inject)变量将注入(inject)的Controller参数(如“$scope”转换为“a”)而无法正确缩小、丑化和/或连接此文件例如,即使我使用的是ngAnnotate。看到我正在使用UglifyJs并在Ugli

javascript - 要求使用 AMD 模式为 jQuery UI 事件提供错误

在我的代码中,test.js依赖于不使用requireAMD模式的jquery-ui,而test.spec.js依赖于使用AMD模式的jquery-ui、test.js。运行test.spec.js时能否在test.js中动态加载jquery-ui的依赖。require.config({baseUrl:'/demo',paths:{'jquery':'../library/jquery-1.11.1','jquery-ui':'../library/jquery-ui-1.11.4'},shim:{'jquery':{exports:'jQuery'},'jquery-ui':{dep

javascript - 用于开发和生产构建的 Webpack Angular 应用程序 API URL 配置

我有一个具有以下简单配置文件config.js的Angular应用程序:exportdefaultfunction(app){app.constant('config',{apiUrl:'https://localhost:8080'});};由Webpack入口点app.js导入:importconfigfrom'./config';config(app);我想在进行生产构建时使用不同的apiUrl。在Webpack中最简单的方法是什么? 最佳答案 https://stackoverflow.com/a/34032050/1610

javascript - 如何使用 webpack 2.7 将 Vue.js 置于生产模式?

我有一个现有代码库,其中Vue.js存在性能问题。我还在浏览器控制台中看到此通知:所以我想一个简单的解决方法是将Vue置于生产模式。在thesuggestedlink我尝试按照webpack的说明进行操作。我们使用的是Webpack2.7版(当前稳定版是4.20)。在说明中说,在Webpack3及更早版本中,您需要使用DefinePlugin:varwebpack=require('webpack')module.exports={//...plugins:[//...newwebpack.DefinePlugin({'process.env.NODE_ENV':JSON.string

javascript - 在 JavaScript 中使用继承模式

根据我的经验,JavaScript会这样做:操纵DOM或其他宿主对象添加事件处理程序做Ajax自从我开始深入研究原型(prototype)继承以来,我想知道它在实践中是如何实际使用的。有哪些用例?这里有人积极使用继承模式吗?有什么用?(我知道我的问题有很多答案-我只是想听听其中的一些来感受一下在JavaScript中使用继承) 最佳答案 我使用jQuery(以及之前的JavaScript)的经验是,原型(prototype)继承并不像我预期的那样有用。它有用途,但对语言来说并不重要。在Javascript中,如果你想返回一个带有方法

javascript - 响应状态 = 0 使用 fetch polyfill 模式 : 'no-cors'

我正在使用fetchpolyfill使用“no-cors”模式并获得响应状态0。在开发人员工具中,我可以看到响应具有请求的数据。客户端代码:constBASE_CONFIG={credentials:'include',mode:'no-cors'};letcheckStatus=(response)=>{if(response.status>=200&&response.status后端nodejs(Express.js)简化的响应处理程序:functiongetData(req,res){varresponseData={data:'test'};res.header("Acces

javascript - 由于外部库,Webpack 构建速度非常慢

我尝试将webpack用于我的应用程序,但它每次构建我的应用程序需要60-100秒。我如何禁用node_modules/*和bower_components/*的重建文件或为单独的block(每个模块或共享)构建它们。这里是配置的一部分:{test:/\.js$/,exclude:/(node_modules|bower_components)/,loaders:['ng-annotate','babel-loader']},和resolve:{moduleDirectories:['node_modules','bower_components']},如何通过禁用每次重建库来提高性能

javascript - 一种客观的方法来衡量 JavaScript 中不同继承模式的内存/速度?

我经常看到经典(通过某些库伪造)、伪经典和原型(prototype)继承之间的争论提到“效率”。但是,我从未见过任何数据支持此类内容。更不用说“效率”在涉及编码风格而不是算法时似乎是一个模棱两可的词。我想做一些测试来对其中一些模式和库进行“基准测试”。这似乎与我过去见过的大多数算法或显示基准明显不同。你们认为需要测试的重要内容是什么,可靠地获得这些数字的最佳方法是什么。我目前的想法:实例化速度(创建几千个对象的时间使用相同的每个模式功能)内存使用情况(我能想到的唯一方法是查看我在任务管理器...有没有更好的方式)访问内部属性和方法的速度(迭代再次计时)复制速度(迭代时间)代码行数(同行